const mainRoutes = [
  {
    path: '/home',
    alias: '/',
    name: 'Home',
    component: () => import('../views/Home')
  },
  {
    path: '/menu',
    name: 'Menu',
    component: () => import('../views/Menu')
  },
  {
    path: '/shopcar',
    name: 'ShopCar',
    component: () => import('../views/ShopCar')
  },
  {
    path: '/mine',
    name: 'Mine',
    component: () => import('../views/Mine')
  },
]

export const routes = [
    {
      path: '/',  
      name: 'BottomNav',
      component: () => import('../views/BottomNav.vue'),
      children: mainRoutes
    },
    {
      path: '/login',
      name: 'Login',
      component: () => import('../views/Login.vue')
    },
    {
      path: '/details/:pid',
      name: 'Details',
      component: () => import('../components/Details')
    },
    {
      path: '/addresslist',
      name: 'AddressList',
      component: () => import('../views/AddressList')
    },
    {
      path: '/address/:aid?',
      name: 'Address',
      component: () => import('../views/Address')
    },
    {
      path: '/personal',
      name: 'Personal',
      component: () => import('../views/Personal')
    },
    {
      path: '/like',
      name: 'Like',
      component: () => import('../views/Like')
    },
    {
      path: '/pay',
      name: 'Pay',
      component: () => import('../views/Pay')
    },
    {
      path: '/order',
      name: 'Order',
      component: () => import('../views/Order')
    },
    {
      path: '/safe',
      name: 'Safe',
      component: () => import('../views/Safe')
    },
  ]
  